/* 原子化css */

/* 公共字体 */
.fs-18{
    font-size: 1.8rem;
  }
  .fs-20{
    font-size: 2rem;
  }
  .fs-22{
    font-size: 2.2rem;
  }
  .fs-24{
    font-size: 2.4rem;
  }
  .fs-26{
    font-size: 2.6rem;
  }
  .fs-28{
    font-size: 2.8rem;
  }
  .fs-30{
    font-size: 3rem;
  }
  .fs-32{
    font-size: 3.2rem;
  }
  .fs-34{
    font-size: 3.4rem;
  }
  .fs-36{
    font-size: 3.6rem;
  }

  /* 颜色 */
  .color-red{
    color: #bd4c4b;
  }
  .color-666{
    color: #666;
  }
  .color-999{
    color: #999;
  }
  .color-fff{
    color: #fff;
  }
  .color-333{
    color: #333;
  }
  .color-main{
    color:#a36663
  }
  /* 背景 */
  .bg-fff{
    background-color: #fff;
  }
  .bg-efef{
    background-color: #EFEFEF;
  }
  .bg-red{
    background-color: #bd4c4b;
  }
  
  
  /* 控制溢出 */
  .overflow{
    overflow: hidden;
  }
  
  /* 常用margin */
  .m-t-10{
    margin-top: 1rem;
  }
  .m-t-20{
    margin-top: 2rem;
  }
  .m-t-15{
    margin-top: 1.5rem;
  }
  .m-t-30{
    margin-top: 3rem;
  }
  .m-r-20{
    margin-right: 2rem;
  }
  .m-b-15{
    margin-bottom: 1.5rem;
  }
  .m-15{
    margin: 1.5rem;
  }
  
  /* 常用padding */
  .p-l-30{
    padding-left: 3rem;
  }
  .p-r-30{
    padding-right: 3rem;
  }
  .p-t-30{
    padding-top: 3rem;
  }
  .p-b-30{
    padding-bottom: 3rem;
  }
  .p-20{
    padding: 2rem;
  
  }
  .p-30{
    padding: 3rem;
  }
  
  /* flex布局 */
  .flex{
    display: flex;
  }
  .flex-wrap{
    flex-wrap: wrap;
  }
  .justify-between{
    justify-content: space-between;
  }
  .justify-center{
    justify-content: center;
  }
  .justify-around{
    justify-content: space-around;
  }
  .align-center{
    align-items: center;
  }
  /* 文本 */
  .text-center{
    text-align: center;
  }
  .font-bold{
    font-weight: bold;
  }